<template>
  <div>
    父组件
    <hr />
    <MySon :sex="sex" :money="money" @my-event="money = $event"></MySon>
  </div>
</template>

<script>
// props和data的区别
// data是组件自己的内部的数据，可以随便改
// props是父亲给儿子的，不能改，是只读的 （单向数据流）
// 数据永远是上游流向下游 父 有三个儿子
// 儿子把父亲的数据改了：1. 父亲没有变 只有儿子自己变了 2. 控制台会报一个错 avoid mutating props
// 传的数据不是基本数据 是复杂（对象、数组）没有报错
// 尽量不要这样做 有一个集中 父亲
import MySon from "./MySon.vue";
export default {
  data() {
    return {
      money: 200,
      sex: "男", //男 女
    };
  },
  components: {
    MySon,
  },
};
</script>

<style scoped></style>
